<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>体验店及牛厂</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/experience.css">
    <script src="js/myTools.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/velocity.js"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
            <div class="header-wrapper">
                <h1 id="logo">
                    <a href="index.html" title="努比亚">努比亚</a>
                </h1>
                <nav id="nav">
                    <ul class="nav-login">
                        <li><a href="./login.html" target="_blank">登陆</a></li>
                        <li><a href="./register.html">注册</a></li>
                        <li><a href="login.html"></a></li>
                    </ul>
                    <ul class="nav-main">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="shop.html">商城</a></li>
                        <li class="nav-main-phones">
                            <a href="#">
                                手机
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-parts">
                            <a href="#">配件
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="parts-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-photos">
                            <a href="#">摄影
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper4">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="photo-show-list">
                
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li><a href="./service.html">服务</a></li>
                        <li><a href="./experience.html">体验店</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
    </header>

    <!-- 内容 -->
    <div class="content-wrapper">
        <div class="content-title">
            <h2>附近体验店及牛厂</h2>
            <a href="#">查看所有体验店及牛厂></a>
            <p>
                “体验店”：是努比亚官方授权的零售体验店；“牛厂”：是努比亚官方授权的新零售体验区
            </p>
        </div>
        <div class="content-map">
            <iframe 
                src='https://oss.static.nubia.cn/actitem/5bd194081807464.html?#{"y":"123.4592","x":"41.819739"}#{"y":"123.343536","x":"42.72793172"}#{"y":"123.3789746660","x":"41.8017741582"}'

                >
            </iframe>
        </div>
    </div>

    <!-- 内容2 -->
    <div class="content02-wrapper">
        <ul>
            <li class="content02-item">
                <h3>沈阳小北关街中国移动努比亚牛厂</h3>
                <div>
                    <span class="icon icon01"></span>
                    <span>地址：小北关街33号2门</span>
                </div>
                <div>
                    <span class="icon icon02"></span>
                    <span>电话：13923456444</span>
                </div>
                <div>
                    <span class="icon icon03"></span>
                    <span>服务时间：周一-周日8:00-20:00</span>
                </div>
                <div>
                    <span class="icon icon04"></span>
                    <span>前往方法：乘坐290/292路省高级法院下车</span>
                </div>
                <div>
                    <span class="icon icon05"></span>
                    <span>服务支持：</span>
                </div>
                <div class="icons-group">
                    <ul>
                        <li>
                            <div class="img img01"></div>
                            <p class="icons-group-desc">咨询体验</p>                                </p>
                        </li>
                        <li>
                            <div class="img img02"></div>
                            <p class="icons-group-desc">软件升级</p>                                </p>
                        </li>
                        <li>
                            <div class="img img03"></div>
                            <p class="icons-group-desc">现场购</p>                                </p>
                        </li>
                        <li>
                            <div class="img img04"></div>
                            <p class="icons-group-desc">手机购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img05"></div>
                            <p class="icons-group-desc">功能教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img06"></div>
                            <p class="icons-group-desc">系统教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img07"></div>
                            <p class="icons-group-desc">免费WiFi</p>                                </p>
                        </li>
                        <li>
                            <div class="img img08"></div>
                            <p class="icons-group-desc">应急充电</p>                                </p>
                        </li>
                        <li>
                            <div class="img img09"></div>
                            <p class="icons-group-desc">云备份</p>                                </p>
                        </li>
                        <li>
                            <div class="img img10"></div>
                            <p class="icons-group-desc">免费剪卡</p>                                </p>
                        </li>
                        <li>
                            <div class="img img11"></div>
                            <p class="icons-group-desc">配件购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img12"></div>
                            <p class="icons-group-desc">手机贴膜</p>                                </p>
                        </li>
                        <li>
                            <div class="img img13"></div>
                            <p class="icons-group-desc">软件下载</p>                                </p>
                        </li>
                        <li>
                            <div class="img img14"></div>
                            <p class="icons-group-desc">免费茶水</p>                                </p>
                        </li>
                        <li>
                            <div class="img img15"></div>
                            <p class="icons-group-desc">摄影讲堂</p>                                </p>
                        </li>
                    </ul>
                </div>
                <button class="handleBtnClick" type="button">发地址到手机</button>
            </li>
            <li class="content02-item">
                <h3>沈阳移动公司康平营业生产楼努比亚牛厂</h3>
                <div>
                    <span class="icon icon01"></span>
                    <span>地址：康平城南街1576栋</span>
                </div>
                <div>
                    <span class="icon icon02"></span>
                    <span>电话：13923456444</span>
                </div>
                <div>
                    <span class="icon icon03"></span>
                    <span>服务时间：周一-周日8:00-20:00</span>
                </div>
                <div>
                    <span class="icon icon04"></span>
                    <span>前往方法：康平县政府对面</span>
                </div>
                <div>
                    <span class="icon icon05"></span>
                    <span>服务支持：</span>
                </div>
                <div class="icons-group">
                    <ul>
                        <li>
                            <div class="img img01"></div>
                            <p class="icons-group-desc">咨询体验</p>                                </p>
                        </li>
                        <li>
                            <div class="img img02"></div>
                            <p class="icons-group-desc">软件升级</p>                                </p>
                        </li>
                        <li>
                            <div class="img img03"></div>
                            <p class="icons-group-desc">现场购</p>                                </p>
                        </li>
                        <li>
                            <div class="img img04"></div>
                            <p class="icons-group-desc">手机购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img05"></div>
                            <p class="icons-group-desc">功能教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img06"></div>
                            <p class="icons-group-desc">系统教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img07"></div>
                            <p class="icons-group-desc">免费WiFi</p>                                </p>
                        </li>
                        <li>
                            <div class="img img08"></div>
                            <p class="icons-group-desc">应急充电</p>                                </p>
                        </li>
                        <li>
                            <div class="img img09"></div>
                            <p class="icons-group-desc">云备份</p>                                </p>
                        </li>
                        <li>
                            <div class="img img10"></div>
                            <p class="icons-group-desc">免费剪卡</p>                                </p>
                        </li>
                        <li>
                            <div class="img img11"></div>
                            <p class="icons-group-desc">配件购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img12"></div>
                            <p class="icons-group-desc">手机贴膜</p>                                </p>
                        </li>
                        <li>
                            <div class="img img13"></div>
                            <p class="icons-group-desc">软件下载</p>                                </p>
                        </li>
                        <li>
                            <div class="img img14"></div>
                            <p class="icons-group-desc">免费茶水</p>                                </p>
                        </li>
                        <li>
                            <div class="img img15"></div>
                            <p class="icons-group-desc">摄影讲堂</p>                                </p>
                        </li>
                    </ul>
                </div>
                <button class="handleBtnClick" type="button">发地址到手机</button>
            </li>
            <li class="content02-item">
                <h3>沈阳铁西万象汇商场京东努比亚牛厂</h3>
                <div>
                    <span class="icon icon01"></span>
                    <span>地址：兴华北街万象汇商场京东专卖店</span>
                </div>
                <div>
                    <span class="icon icon02"></span>
                    <span>电话：02466990618</span>
                </div>
                <div>
                    <span class="icon icon03"></span>
                    <span>服务时间：周一-周日8:00-20:00</span>
                </div>
                <div>
                    <span class="icon icon04"></span>
                    <span>前往方法：地铁一号线 公交车141 237 207路铁西广场站下车即是</span>
                </div>
                <div>
                    <span class="icon icon05"></span>
                    <span>服务支持：</span>
                </div>
                <div class="icons-group">
                    <ul>
                        <li>
                            <div class="img img01"></div>
                            <p class="icons-group-desc">咨询体验</p>                                </p>
                        </li>
                        <li>
                            <div class="img img02"></div>
                            <p class="icons-group-desc">软件升级</p>                                </p>
                        </li>
                        <li>
                            <div class="img img03"></div>
                            <p class="icons-group-desc">现场购</p>                                </p>
                        </li>
                        <li>
                            <div class="img img04"></div>
                            <p class="icons-group-desc">手机购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img05"></div>
                            <p class="icons-group-desc">功能教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img06"></div>
                            <p class="icons-group-desc">系统教学</p>                                </p>
                        </li>
                        <li>
                            <div class="img img07"></div>
                            <p class="icons-group-desc">免费WiFi</p>                                </p>
                        </li>
                        <li>
                            <div class="img img08"></div>
                            <p class="icons-group-desc">应急充电</p>                                </p>
                        </li>
                        <li>
                            <div class="img img09"></div>
                            <p class="icons-group-desc">云备份</p>                                </p>
                        </li>
                        <li>
                            <div class="img img10"></div>
                            <p class="icons-group-desc">免费剪卡</p>                                </p>
                        </li>
                        <li>
                            <div class="img img11"></div>
                            <p class="icons-group-desc">配件购买</p>                                </p>
                        </li>
                        <li>
                            <div class="img img12"></div>
                            <p class="icons-group-desc">手机贴膜</p>                                </p>
                        </li>
                        <li>
                            <div class="img img13"></div>
                            <p class="icons-group-desc">软件下载</p>                                </p>
                        </li>
                        <li>
                            <div class="img img14"></div>
                            <p class="icons-group-desc">免费茶水</p>                                </p>
                        </li>
                        <li>
                            <div class="img img15"></div>
                            <p class="icons-group-desc">摄影讲堂</p>                                </p>
                        </li>
                    </ul>
                </div>
                <button class="handleBtnClick" type="button">发地址到手机</button>
            </li>
        </ul>
    </div>
    
    <!-- 隐藏模态框 -->
    <div class="content03-wrapper">
        <div class="content03">
            <h2>输入您的手机号码</h2>
            <form action="">
                <input 
                    class="phone-number"
                    type="text" 
                    placeholder="请输入手机号码" />
                <input 
                    class="veri-code" 
                    type="text" 
                    placeholder="请输入验证码" />
                <img 
                    class="content03-veri-code-img"
                    src="https://www.nubia.com/profile.php?a=captcha&0.7171916943406387" />
                <button 
                    class="content03HandleBtnClick" 
                    type="submit"
                >
                提交
                </button>
                <a 
                    class="handleCloseBtn"
                    href="javascript:">
                    <span class="iconfont">&#xe622;</span>
                </a>
            </form>
        </div>
    </div>

    
    <!-- 回到顶部 -->
    <div class="back-to-top">
            <ul>
                <li>
                    <a href="#" title="在线客服">
                        <i class="iconfont">&#xe605;</i>
                    </a>
                </li>
                <li class="back-to-top-second-item">
                    <a href="javascript:">
                        <i class="iconfont">&#xe663;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe65b;</i>
                    </a>
                </li>
            </ul>
            <div class="app-download-img">
                <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
                <div class="app-img-guide"></div>
                <div class="app-img-guide-in"></div>
            </div>
    </div>
        
    <!--底部区域-->
    <footer class="footer">
            <div class="footer-wrapper">
                <div class="footer-title">
                    <img src="images/nb-pro-ft-logo-x2.jpg" />
                    <a href="./phone-list.html"><span>&gt;全部机型</span></a>
                </div>
                <div class="footer-content-wrapper">
                    <div>
                        <h5>Z系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia Z11</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 Max</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 mini</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>M系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia 布拉格S</a></li>
                            <li><a href="./phone-summary.html">nubia My 布拉格</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>配件</h5>
                        <ul>
                            <li><a href="./parts.html">保护壳</a></li>
                            <li><a href="./parts.html">贴膜</a></li>
                            <li><a href="./parts.html">皮套</a></li>
                            <li><a href="./parts.html">耳机</a></li>
                            <li><a href="./parts.html">数据线/充电器</a></li>
                            <li><a href="./parts.html">周边产品</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-message">
                    <ul>
                        <li><a href="javascript:">关于我们</a></li>
                        <li><a href="javascript:">联系我们</a></li>
                        <li><a href="javascript:">新闻中心</a></li>
                        <li><a href="javascript:">加入我们</a></li>
                        <li><a href="javascript:">合作注册</a></li>
                        <li><a href="javascript:">公益</a></li>
                        <li><a href="javascript:">以旧换新</a></li>
                        <li><a href="javascript:">问题反馈</a></li>
                        <li><a href="javascript:">简体中文</a></li>
                    </ul>
                    <div>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <span>服务热线：400-700-6600</span>
                    </div>
                    <p>
                        <span>2012-2017 努比亚技术有限公司 版权所有</span>
                        <a href="#"> 粤ICP备10006213号-2</a>
                        <img src="images/gs.jpg" />
                        <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                        <img src="images/gh.png" />
                        <a href="#"> 粤公网安备 44030502000309号</a>
                    </p>
                </div>
            </div>
    </footer>

    <!-- Swiper -->
    <script>       
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>

    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script>
    <script src="js/experience.js"></script>
</body>
</html>